<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Javascript Validation Library</title>
<link rel="stylesheet" href="vvalidate.css" media="screen" />
</head>

<body>
    <div id="main">
        <div id="header">
            <h1 align="center">Demo for Javascript Validation Library version 0.0.7</h1>
        </div>
        <div id="content">
            <div id="spacer1">
            </div>
            <div id="video">
            </div>
            <div id="spacer2">
            </div>
            <div id="contentDiv">
                <form id="formSubmit" name="formSubmit" method="post" action="">
                    <table id="tableSubmit">
                        <tbody>
                            <tr>
                                <td class="labelTD">Game attended:</td>
                                <td>
                                    <select name="fld_game_at" id="fld_game_at" >
                                        <option value="1">Game 1</option>
                                        <option value="2">Game 2</option>
                                        <option value="3">Game 3</option>
                                        <option value="4">Game 4</option>
                                        <option value="5">Game 5</option>
                                        <option value="6">Game 6</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">First name:</td>
                                <td>
                                    <input type="text" name="fld_fname" id="fld_fname" size="40" maxlength="30" />
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">Last name:</td>
                                <td>
                                    <input type="text" name="fld_lname" id="fld_lname" size="40" maxlength="30" />
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">Email address:</td>
                                <td>
                                    <input type="text" name="fld_yemail" id="fld_yemail" size="40" maxlength="40" />
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">Handphone number:</td>
                                <td>
                                    <input type="text" name="fld_ymobile" id="fld_ymobile" size="40" maxlength="8" />
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">Website:</td>
                                <td>
                                    <input type="text" name="fld_website" id="fld_website" size="40" />
                                </td>
                            </tr>
                            <tr>
                                <td class="labelTD">Your answer:</td>
                                <td>
                                    <input type="text" name="fld_sec_code" id="fld_sec_code" size="40" />
                                </td>
                            </tr>
                            <tr valign="middle">
                                <td valign="middle" class="labelTD">Enter security number:</td>
                                <td align="right" valign="middle">
                                    <table align="center">
                                        <tbody align="center">
                                            <tr align="center">
                                                <td>
                                                    <input type="text" name="fld_captcha" id="fld_captcha" size="5" maxlength="5" />
                                                </td>
                                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                                <td>
                                                    <img src="img.php" alt="CAPTCHA" />
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td id="submitTD" colspan="2">
                                    <input type="reset" />&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input type="submit" name="submit" id="submitButton" value="Submit" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
        <div id="footer">
            <div id="logoDiv">
                <a href="http://validator.w3.org/check?uri=referer">
                    <img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" />
                </a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fsimpleit.us%2Fworks%2Fvvalidate%2Fvvalidate.css">
                    <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss"  alt="Valid CSS!" />
                </a>
            </div>
            <div id="creditDiv">
                &copy; 2007, SimpleIT.
            </div>
        </div>
    </div>

    <!-- Scripting area -->
    <script language="javascript" type="text/javascript" src="sj.js"></script>
    <script language="javascript" type="text/javascript">
        SJ.addEvent(window, 'load', validate_init);

        function validate_init()
        {
            SJ.init();
            SJ.add('fld_fname', 'notnull');
            SJ.add('fld_lname', 'notnull');
            SJ.add('fld_yemail', 'email');
            SJ.add('fld_ymobile', 'sing_mobile');
            SJ.add('fld_website', 'url');
            SJ.add('fld_sec_code', 'notnull');
        }
    </script>
    <!-- The end of scripting area -->
</body>
</html>
